<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>淘宝网-淘! 我喜欢</title>
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="./font_px88iy3h3qm/iconfont.css">
</head>
<body>
    <!-- 导航条 -->
    <div class="top">
        <div class="box">
            <div class="l">
                <div class="cou">
                    <span id="country">&nbsp;&nbsp;&nbsp;中国大陆</span>
                    <img src="images/择律-选择费用-倒三角形-反对.svg" alt="">
                    <div class="countrys">
                        <ul>
                            <li style="margin-top: 5px;">全球</li>
                            <li>中国大陆</li>
                            <li>中国香港</li>
                            <li>中国台湾</li>
                            <li>中国澳门</li>
                            <li>韩国</li>
                            <li>马来西亚</li>
                            <li>澳大利亚</li>
                            <li>新加坡</li>
                            <li>加拿大</li>
                            <li>美国</li>
                            <li>日本</li>
                        </ul>
                    </div>
                </div>
                <a href="#" class="login">亲，请登录</a>
                <a href="registered.html" class="reg">免费注册</a>
                <a href="#" class="phone">手机逛淘宝</a>
            </div>
            <div class="r">
                <div class="my">
                    <span id="metb">我的淘宝</span>
                    <img src="images/择律-选择费用-倒三角形-反对.svg" alt="">
                    <div class="m">
                        <ul>
                            <li>&nbsp;已买到的宝贝</li>
                            <li>&nbsp;我的足迹</li>
                        </ul>
                    </div>
                </div>
                <div class="sc">
                    <a href="#">
                        <img src="images/购物车.svg" alt="" style="padding: 0 3px;">
                        <span id="car">购物车</span><span style="color: #ff4400;font-weight: 700;">0</span>
                    </a>
                    <img src="images/择律-选择费用-倒三角形-反对.svg" alt="">
                </div>
                <div class="fr">
                    <a href="#">
                        <span class="iconfont icon-star "></span>
                        <span id="car">收藏夹</span>
                    </a>
                    <img src="images/择律-选择费用-倒三角形-反对.svg" alt="">
                    <div class="s">
                        <ul>
                            <li>&nbsp;收藏的宝贝</li>
                            <li>&nbsp;收藏的店铺</li>
                        </ul>
                    </div>
                </div>
                <div class="cf">
                    <a href="#">
                        <span id="car">商品分类</span>
                    </a>
                </div>
                <div class="cf">
                    <a href="#">
                        <span id="car">免费开店</span>
                    </a>
                </div>
                <b>|</b>
                <div class="sellC">
                    <a href="#">
                        <span id="car">千牛卖家中心</span>
                    </a>
                    <img src="images/择律-选择费用-倒三角形-反对.svg" alt="">
                    <div class="carx">
                        <ul>
                            <li>&nbsp;免费开店</li>
                            <li>&nbsp;已卖出的宝贝</li>
                            <li>&nbsp;出售中的宝贝</li>
                            <li>&nbsp;卖家服务市场</li>
                            <li>&nbsp;卖家培训中心</li>
                            <li>&nbsp;体验中心</li>
                            <li>&nbsp;问商友</li>
                        </ul>
                    </div>
                </div>
                <div class="ccs">
                    <a href="#">
                        <span id="car">&nbsp;联系客服</span>
                    </a>
                    <img src="images/择律-选择费用-倒三角形-反对.svg" alt="">
                    <div class="kf">
                        <ul>
                            <li>&nbsp;消费者客服</li>
                            <li>&nbsp;商家服务大厅</li>
                        </ul>
                    </div>
                </div>
                <div class="Pnav">
                    <a href="#">
                        <img src="images/three-bars.svg" alt="">
                        <span id="car">网页导航</span>
                    </a>
                    <img src="images/择律-选择费用-倒三角形-反对.svg" alt="">
                    <div class="n">
                        <div class="n1">
                            <div class="t1">
                                <h4>主体市场</h4>
                            </div>
                            <div class="t2">
                                <ul>
                                    <li>女装</li>
                                    <li>男装</li>
                                    <li>内衣</li>
                                    <li>鞋靴</li>
                                    <li>箱包</li>
                                    <li>婴童</li>
                                    <li>家电</li>
                                    <li>数码</li>
                                    <li>手机</li>
                                    <li>美妆</li>
                                    <li>珠宝</li>
                                    <li>眼睛</li>
                                    <li>手表</li>
                                    <li>运动</li>
                                    <li>户外</li>
                                    <li>乐器</li>
                                    <li>游戏</li>
                                    <li>动漫</li>
                                    <li>影视</li>
                                    <li>美食</li>
                                    <li>鲜花</li>
                                    <li>宠物</li>
                                    <li>农资</li>
                                    <li>房产</li>
                                    <li>装修</li>
                                    <li>建筑</li>
                                    <li>家具</li>
                                    <li>百货</li>
                                    <li>汽车</li>
                                    <li style="margin-right: 5px;">二手车</li>
                                    <li>办公</li>
                                    <li>定制</li>
                                    <li>教育</li>
                                    <li>卡卷</li>
                                    <li>本地</li>
                                </ul>
                            </div>
                        </div>
                        <div class="n2">
                            <div class="t1">
                                <h4>特色市场</h4>
                            </div>
                            <div class="t2">
                                <ul>
                                    <li>全球购</li>
                                    <li>极有家</li>
                                    <li>阿里拍卖</li>
                                    <li style="margin-right: 5px;">淘包众筹</li>
                                    <li style="margin-right: 25px;">飞猪</li>
                                    <li>农资</li>
                                    <li style="margin-right: 5px;">天天特卖</li>
                                    <li style="margin-right: 8px;">Outlets</li>
                                    <li>淘抢购</li>
                                    <li style="margin-right: 30px;">试用</li>
                                    <li style="margin-right: 12px;">量贩团</li>
                                    <li>阿里翻译</li>
                                </ul>
                            </div>
                        </div>
                        <div class="n3">
                            <div class="t1">
                                <h4>阿里APP</h4>
                            </div>
                            <div class="t2">
                                <ul>
                                    <li style="margin-right: 25px;">淘宝</li>
                                    <li style="margin-right: 35px;">天猫</li>
                                    <li>支付宝</li>
                                    <li>聚划算</li>
                                    <li style="margin-right: 35px;">飞猪</li>
                                    <li>蚂蚁聚宝</li>
                                    <li style="margin-right: 25px;">闲鱼</li>
                                    <li style="margin-right: 25px;">淘小铺</li>
                                    <li>阿里钱盾</li>
                                    <li style="margin-right: 25px;">钉钉</li>
                                    <li>高德地图</li>
                                    <li>虾米音乐</li>
                                    <li>淘票票</li>
                                    <li>菜鸟裹裹</li>
                                    <li>阿里云</li>
                                    <li style="margin-right: 5px;">网商银行</li>
                                    <li>阿里邮箱</li>
                                    <li>阿里众包</li>
                                </ul>
                            </div>
                        </div>
                        <div class="n4">
                            <div class="t1">
                                <h4>精彩推荐集</h4>
                            </div>
                            <div class="t2">
                                <ul>
                                    <li style="margin-right: 45px;">余额宝</li>
                                    <li>大牌捡包</li>
                                    <li style="margin-right: 45px;">淘公仔</li>
                                    <li>浏览器</li>
                                    <li>淘宝香港</li>
                                    <li>淘宝台湾</li>
                                    <li>淘宝全球</li>
                                    <li>淘宝东南亚</li>
                                    <li>闺蜜淘货</li>
                                    <li>大众评审</li>
                                    <li style="margin-right: 50px;">淘工作</li>
                                    <li>阿里巴巴认证</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部 -->
    <div class="head">
        <div class="head-son">
            <div class="img">
                <img src="images/tb.png" alt="">
            </div>
            <div class="serch">
                <div class="serch-son">
                    <div class="l">
                        <span>宝贝</span>
                        <img src="images/2.svg" alt="" class="icon-4">
                    </div>
                    <div class="c">
                        <input type="text" value="" class="iconfont icon-icon-" placeholder="&#xe60c; 果味啤酒">
                        <img src="images/照相机.svg" alt="">
                    </div>
                    <div class="r">
                        <button>搜索</button>
                    </div>
                </div>
                <div class="text">
                    <a href="#">新款连衣裙</a>
                    <a href="#">四件套</a>
                    <a href="#" style="color: #ff5000;">潮流T恤</a>
                    <a href="#">时尚女鞋</a>
                    <a href="#">短裤</a>
                    <a href="#">半身裙</a>
                    <a href="#">男士外套</a>
                    <a href="#">墙纸</a>
                    <a href="#">行车记录仪</a>
                    <a href="#">新款男鞋</a>
                    <a href="#">耳机</a>
                    <a href="#">时尚女包</a>
                    <a href="#">潮流T恤</a>
                </div>
            </div>
            <div class="QRcode">
                <a href="#">
                    <div>去领红包</div>
                    <img src="images/ewm.png" alt="" style="width: 60px;">
                </a>
            </div>
        </div>
    </div>
    <!-- 主体 -->
    <div class="Sbox">
        <div class="t">
            <div>主题市场</div>
            <ul>
                <li style="color: #ff0036;font-weight: 600;cursor: pointer;">天猫</li>
                <li style="color: #ff0036;font-weight: 600;cursor: pointer;">聚划算</li>
                <li class="catC"><a href="#">天猫超市</a></li>
                <li>|</li>
                <li><a href="#">司法拍卖</a></li>
                <li><a href="#">飞猪旅行</a></li>
                <li><a href="#">天天特卖</a></li>
                <li><a href="#">淘小铺</a></li>
                <li>|</li>
                <li><a href="#">造点新货</a></li>
                <li><a href="#">苏宁易购</a></li>
                <li><a href="#">淘宝心选</a></li>
                <li><a href="#">智能生活</a></li>
            </ul>
        </div>
        <div class="b">
            <div class="l">
                <ul>
                    <li><span>女装</span> / <span>内衣</span> / <span>家居</span><i>></i></li>
                    <li><span>女鞋</span> / <span>男鞋</span> / <span>箱包</span><i>></i></li>
                    <li><span>母婴</span> / <span>童装</span> / <span>玩具</span><i>></i></li>
                    <li><span>男装</span> / <span>运动户外</span><i>></i></li>
                    <li><span>美妆</span> / <span>彩装</span> / <span>个护</span><i>></i></li>
                    <li><span>手机</span> / <span>数码</span> / <span>企业</span><i>></i></li>
                    <li><span>大家电</span> / <span>生活电器</span><i>></i></li>
                    <li><span>零食</span> / <span>生鲜</span> / <span>茶酒</span><i>></i></li>
                    <li><span>厨具</span> / <span>收纳</span> / <span>清洁</span><i>></i></li>
                    <li><span>家纺</span> / <span>家饰</span> / <span>鲜花</span><i>></i></li>
                    <li><span>图书音像</span> / <span>文具</span><i>></i></li>
                    <li><span>医药保健</span> / <span>进口</span><i>></i></li>
                    <li><span>汽车</span> / <span>二手车</span> / <span>用品</span><i>></i></li>
                    <li><span>房产</span> / <span>装修家具</span> / <span>建材</span><i>></i></li>
                    <li><span>手表</span> / <span>眼睛</span> / <span>珠宝饰品</span><i>></i></li>
                    
                </ul>
            </div>
            <div class="c">
                <div class="tt">
                    <div class="car">
                        <div class="car1"><img src="images/lbt.jpg" alt=""></div>
                        <div class="car1"><img src="images/淘宝轮播图.jpg" alt=""></div>
                        <div class="car1"><img src="images/lbt1.jpg" alt=""></div>
                        <div class="car1"><img src="images/lbt2.jpg" alt=""></div>
                        <div class="car1"><img src="images/lbt3.png" alt=""></div>
                        <div class="car1"><img src="images/lbt.jpg" alt=""></div>
                    </div>
                    <div class="r"><a href="javascript:;">></a></div>
                    <div class="l"><a href="javascript:;"><</a></div>
                    <div class="radio">
                        <ul>
                            <li class="radio_c"></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li style="margin-right: 0;"></li>
                        </ul>
                    </div>
                    <div class="gg">
                        <a href="#">广告</a>
                    </div>
                </div>
                <div class="inner">
                    <div><img src="images/cat.png" alt=""></div>
                    <div>理性生活上天猫</div>
                    <strong>
                        <i>1</i>
                        /
                        5
                    </strong>
                </div>
                <div class="b1">
                    <div class="r"><a href="#" style="color: #fff">></a></div>
                    <div class="l"><a href="#" style="color: #fff"><</a></div>
                    <div class="b1_son">
                        <div><img src="images/b1.jpg" alt="" style="margin-top: 16px;"></div>
                        <div><img src="images/b1-1.jpg" alt="" style="margin-top: 16px;"></div>
                        <div><img src="images/b2-1.jpg" alt=""></div>
                        <div><img src="images/b3.jpg" alt=""></div>
                        <div><img src="images/b3-1.jpg" alt=""></div>
                        <div><img src="images/b4.jpg" alt=""></div>
                        <div><img src="images/b4-1.jpg" alt=""></div>
                        <div><img src="images/b5.jpg" alt=""></div>
                        <div><img src="images/b5-1.jpg" alt=""></div>
                    </div>
                </div>
            </div>
            <div class="r">
                <div><img src="images/r1.webp" alt=""></div>
                <h5>今日热卖</h5>
                <div><img src="images/r2.jpg" alt=""></div>
            </div>
            <div class="r1">
                <div class="t1">
                    <div class="at">
                        <div class="tx">
                            <a href="#">
                                <img src="images/tx.jpg" alt="">
                            </a>
                        </div>
                        <span>
                            Hi!
                            你好
                        </span>
                    </div>
                    <div class="btn">
                        <div class="btn1">
                            <a href="#" style="width: 92px;">登录</a>
                            <a href="registered.html">注册</a>
                            <a href="#">开店</a>
                        </div>
                    </div>
                    
                </div>
                <div class="p">
                    <a href="#">
                        <img src="images/gp.jpg" alt="" style="width: 290px;height: 69px;">
                    </a>
                </div>
                <div class="ann">
                    <ul>
                        <li style="border-bottom: 2px solid #ff4400;">公告</li>
                        <li>规则</li>
                        <li>安全</li>
                        <li>公益</li>
                        <li>千牛</li>
                    </ul>
                    <div>
                        <ul>
                            <li>关于加强卖家广告(含弹窗)合规宣传的公告</li>
                        </ul>
                    </div>
                </div>
                <div class="dhl">
                    <ul>
                        <li>
                            <a href="#">
                            <span class="icon"></span>
                            <p>充话费</p>
                        </a>
                        </li>
                        <li>
                            <a href="#">
                            <span class="icon" style="background-position-y: -88px;"></span>
                            <p>旅行</p>
                        </a>
                        </li>
                        <li>
                            <a href="#">
                            <span class="icon" style="background-position-y: -44px;"></span>
                            <p>车险</p>
                        </a>
                        </li>
                        <li>
                            <a href="#">
                            <span class="icon" style="background-position-y: -132px;"></span>
                            <p>游戏</p>
                        </a>
                        </li>
                        <li>
                            <a href="#">
                            <span class="icon" style="background-position-y: -176px;"></span>
                            <p>彩票</p>
                        </a>
                        </li>
                        <li>
                            <a href="#">
                            <span class="icon" style="background-position-y: -220px;"></span>
                            <p>电影</p>
                        </a>
                        </li>
                        <li>
                            <a href="#">
                            <span class="icon" style="background-position-y: -264px;"></span>
                            <p>酒店</p>
                        </a>
                        </li>
                        <li>
                            <a href="#">
                            <span class="icon" style="background-position-y: -308px;"></span>
                            <p>理财</p>
                        </a>
                        </li>
                    </ul>
                </div>
                <div class="app">
                    <h3>
                        阿里APP
                        <a href="#">更多 ></a>
                    </h3>
                    <ul>
                        <li>
                            <a href="#">
                                <img src="images/logo_t.webp" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/logo_cat.webp" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/logo_zfb.webp" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/logo_fx.webp" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/logo_t1.webp" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <script src="ewm.js"></script>
    <script src="time.js"></script>
    <script src="nav.js"></script>
</body>
</html>